<!DOCTYPE html>
<html>
<!--
Copyright 2011 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>
   Closure Unit Tests - goog.dom.style
  </title>
  <script src="../base.js">
  </script>
  <script>
    goog.require('goog.style.webkitScrollbarsTest');
  </script>
  <style>
   /*
 * Note that we have to apply these styles when the page is loaded or the
 * scrollbars might not pick them up.
 */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

.otherScrollBar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
  </style>
 </head>
 <body>
  <div id="test-scrollbarwidth" style="background-color: orange; width: 100px; height: 100px; overflow: auto;">
   <div style="width: 200px; height: 200px; background-color: red">
    Test Scroll bar width with scroll
   </div>
  </div>
 </body>
</html>
